<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>文件上传模块 - layui</title>
  <head th:include="include :: header"></head>
<style>
body{padding: 50px 100px;}
.layui-upload-img{width: 92px; height: 92px; margin: 0 10px 10px 0;}
hr{margin: 30px 0;}
</style>
</head>
<body>
<div class="layui-container">
  <hr>

  <div class="layui-upload">
    <button type="button" class="layui-btn layui-btn-normal" id="testList">选择多文件</button>
    <div class="layui-upload-list">
      <table class="layui-table">
        <thead>
        <th>文件名</th>
        <th>大小</th>
        <th>状态</th>
        <th>操作</th>
        </thead>
        <tbody id="demoList"></tbody>
      </table>
    </div>
    <button type="button" class="layui-btn" id="testListAction">开始上传</button>
  </div>
  <hr>
  <table class="layui-hide" id="fileTable" lay-filter="fileTableFilter"></table>

  <script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
    <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
  </script>
</div>




<div th:include="include::footer"></div>
<script th:src="@{/appjs/layui/fileTable.js}"></script>
</body>
</html>
